<script type="text/javascript">
    $(document).ready(function(){ // Script del Slider
        $("div.tips") . hide();

        $('a.opcion1').addClass('aqui');

        <?php $i=1; ?>
        <?php foreach ($registros as $item): ?>
            $("a.opcion<?php echo $i;?>").click(function(e){
                $('.menu_slider a').removeClass('aqui');
                $(this).addClass('aqui');
                $("div.tips") . hide('slow');
                $('div.opcion<?php echo $i;?>').show('slow');
                return false;
                e.preventDefault();
            });
        <?php $i++; ?>
        <?php endforeach;?>
        $('div.opcion1').show('slow');
    });
</script>
<style>
    ul.menu_slider { padding:0; margin:0; list-style:none;  }
    #contenidos  {
        border:1px solid #CCC;
        width:655px;
        padding:20px;
        text-align:justify;
    }
    .menu_slider a{
        color: #999;
        background:url(/imagenes/vineta-cruz.png) no-repeat left;
        text-decoration:none;
        font-family:Arial, Helvetica, sans-serif;
        padding-left:20px;
        display:block;
        margin-bottom:5px;
    }
    .menu_slider a.aqui {
        color: #CA0909;

    }
</style>
<div id="banner-interior-slide">
    <div id="sombra-izq2"></div>

    <div id="banner-slide">

    </div>

    <div id="sombra-der2"></div>
</div>

<div id="cuerpo-informacion">
    <div id="cabecera-titulo">
        <div id="cabecera-titulo">
            <h1 class="titulo-general">Tips de interes</h1>
            <a class="regresar" href="<?php  echo base_url("index.php");?>">Regresar</a>
        </div>
    </div>
    <div class="linea"></div>
    <article id="tips">
        <img width="222" height="332" class="imagen-sabias" src="/imagenes/sabiasque.jpg">

        <ul class="menu_slider">
            <?php $i=1; ?>
            <?php foreach ($registros as $item): ?>
            <li><a href="#" class="opcion<?php echo $i;?>"><?php echo $item['titulo'];?></a></li>
                <?php $i++; ?>
            <?php endforeach;?>
        </ul>

        <div id="contenidos">
            <?php $i=1; ?>
            <?php foreach ($registros as $item): ?>
                <div class="opcion<?php echo $i;?> tips"">
                    <?php echo $item['contenido']; ?>
                </div>
                <?php $i++; ?>
            <?php endforeach;?>
        </div>
        <a class="solicitar-info" href="<?php  echo site_url("/pages/view/contacto");?>">Consulta un servicio</a>
        <div class="limpiar"></div>
    </article>
    <div class="limpiar"></div>
</div>